<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/modules/cms/front/include/taglib.jsp"%>
	<head>
		<title>职业兴趣测试报告</title>
		<meta name="decorator" content="cms_default_${site.theme}"/>
		<meta name="description" content="JeeSite ${site.description}"/>
		<meta name="keywords" content="JeeSite ${site.keywords}"/>
		<link rel="stylesheet" href="${ctxStatic}/css/main.css"/>
		<link rel="stylesheet" href="${ctxStatic}/css/style.css"/>
		<script src="${ctxStatic}/js/jquery.jqprint-0.3.js"></script>
		<script type="text/javascript">
		function  print(){
	        $("#print").jqprint();
	    }
		</script>
		
	</head>
<body>
	
	<div class="shop-center" style="width:870px">
		<div id="print">
			<script src="${ctxStatic}/js/echarts.js"></script>
			<div class="course-tit">
				<h1 style="box-sizing: border-box; margin: 20px 0px 10px; font-size: 30px; font-family: 微软雅黑, Helvetica, Arial, sans-serif; line-height: 1.1; color: rgb(48, 48, 48); border-bottom: 1px solid rgb(235, 235, 235); padding-bottom: 15px; white-space: normal; text-align: center;">
					文鼎教育报考志愿通----测试报告</h1>
					<input type="button" onclick="print()" value="打印测试报告" class="printBtn"/>
			</div>
			<div class="course">
				<div class="course-lt" style="width:100%" id="content">
					<img src="${ctxStatic}/img/filsh.jpg"/>
					<p class="MsoNormal">
						<span style="mso-spacerun:'yes';font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">&nbsp;</span></p>
					<p class="MsoNormal" style="line-height: 150%; text-align: center;">
						<strong><span style="font-size:20px;"><span style="font-family: 宋体;">第一部分：测试报告导读</span></span></strong><span style="mso-spacerun:'yes';font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;"><o:p></o:p></span></p>
					<p class="MsoNormal" style="line-height:150%;">
						<span style="font-size:16px;"><span style="font-family: 宋体;">亲爱的会员同学：</span></span><span style="mso-spacerun:'yes';font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;"><o:p></o:p></span></p>
					<p class="MsoNormal" style="text-indent:21.0000pt;mso-char-indent-count:2.0000;line-height:150%;">
						<span style="font-size:16px;"><span style="font-family: 宋体;">你好！</span></span><span style="mso-spacerun:'yes';font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;"><o:p></o:p></span></p>
					<p class="MsoNormal" style="text-indent:21.0000pt;mso-char-indent-count:2.0000;line-height:150%;">
						<span style="font-family: 宋体; font-size: 16px;">非常感谢你选择文鼎教育高考报考志愿指导，并成为我们的会员。随着高等教育的发展，教育大众化时代已经到来，高考升学的机会不断扩大，如何选择一个自己感兴趣并且适合自己的专业成为众多考生家长关注的焦点。</span></p>
					<p class="MsoNormal" style="text-indent:21.0000pt;mso-char-indent-count:2.0000;line-height:150%;">
						<span style="font-size:16px;"><span style="font-family: 宋体;">在这份报告里面，我们将综合分析你的各方面特征并给出如何填报志愿的相应建议，希望我们的指导报告可以帮助你清晰的认识自我，为你的高考专业选择和未来生涯发展提供有效的帮助。</span></span><span style="mso-spacerun:'yes';font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;"><o:p></o:p></span></p>
					<p class="MsoNormal" style="line-height: 150%;">
						<span style="font-size:16px;"><span style="font-family: 宋体;">&nbsp;</span></span></p>
					<p class="MsoNormal" style="line-height: 150%;">
						<span style="font-size:16px;"><span style="font-family: 宋体;">注意事项：</span></span><span style="mso-spacerun:'yes';font-family:宋体;mso-bidi-font-family:MicrosoftYaHei;font-size:10.5000pt;mso-font-kerning:0.0000pt;"><o:p></o:p></span></p>
					<p class="MsoNormal" style="text-indent: 21pt; line-height: 150%;">
						<span style="font-size:16px;"><span style="font-family: 宋体;">本报告对你的个人特点进行了详细的描述，是科学的参考资料，但不是唯一的决策依据，其目的是为了帮助你拓宽思路，接受更多的可能，而并非限制你的选择；报告结果没有&ldquo;好</span><span style="font-family: 宋体;">&rdquo;</span><span style="font-family: 宋体;">与</span><span style="font-family: 宋体;">&ldquo;</span><span style="font-family: 宋体;">坏</span><span style="font-family: 宋体;">&rdquo;</span><span style="font-family: 宋体;">之分，不同的特点对于不同的专业和职业会存在</span><span style="font-family: 宋体;">&ldquo;</span><span style="font-family: 宋体;">合适</span><span style="font-family: 宋体;">&rdquo;</span><span style="font-family: 宋体;">和</span><span style="font-family: 宋体;">&ldquo;</span><span style="font-family: 宋体;">不合适&rdquo;的区别，从而表现出具体条件的优势和劣势。本报告仅供参考。</span></span><span style="mso-spacerun:'yes';font-family:宋体;mso-bidi-font-family:MicrosoftYaHei;font-size:10.5000pt;mso-font-kerning:0.0000pt;"><o:p></o:p></span></p>
					<p class="MsoNormal">
						<span style="mso-spacerun:'yes';font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">&nbsp;</span></p>
					<p class="MsoNormal" style="text-align: center;">
						<span style="font-size:20px;"><b><span style="font-family: 宋体; background: rgb(127, 127, 127);"><font face="宋体"><span style="background-color:#ffffff;">第二部分</span></font><span style="background-color:#ffffff;"> </span><font face="宋体"><span style="background-color:#ffffff;">所属类型</span></font></span></b></span><br />
						<b><span style="font-family: 宋体; font-size: 10.5pt; background: rgb(127, 127, 127);"><o:p></o:p></span></b></p>
					<p class="MsoNormal" style="text-indent: 21pt; line-height: 150%;">
						<span style="font-size:16px;"><span style="font-family: 宋体;">每个人都有独特的兴趣特点，每个人都可能将他的兴趣和工作结合起来发挥自身的价值，你能做到的是：了解自己的兴趣特点，将其发挥到极至！</span></span><span style="mso-spacerun:'yes';font-family:宋体;mso-bidi-font-family:MicrosoftYaHei;font-size:10.5000pt;mso-font-kerning:0.0000pt;"><o:p></o:p></span></p>
					<p class="MsoNormal" style="line-height: 150%;">
						<span style="font-size:16px;"><span style="font-family: 宋体;">经过几十年的研究，心理学家把人的职业兴趣分为六种类型，分别为：实际型</span><span style="font-family: 宋体;">(R)</span><span style="font-family: 宋体;">、研究型</span><span style="font-family: 宋体;">(I)</span><span style="font-family: 宋体;">、艺术型</span><span style="font-family: 宋体;">(A)</span><span style="font-family: 宋体;">、社会型</span><span style="font-family: 宋体;">(S)</span><span style="font-family: 宋体;">、管理型</span><span style="font-family: 宋体;">(E)</span><span style="font-family: 宋体;">、常规型</span><span style="font-family: 宋体;">(C)</span><span style="font-family: 宋体;">。研究表明，人只有在与自己类型吻合的环境中才能够取得最好成功、产生最强的成就感与满意度。</span></span><span style="mso-spacerun:'yes';font-family:宋体;font-size:10.5000pt;mso-font-kerning:0.0000pt;"><o:p></o:p></span></p>
					<p class="MsoNormal" style="line-height: 150%;">
						<span style="font-size:16px;"><span style="font-family: 宋体;">&nbsp;&nbsp;<font face="宋体">亲爱的会员同学，你的测试结果如下</font></span></span><span style="mso-spacerun:'yes';font-family:宋体;font-size:10.5000pt;mso-font-kerning:0.0000pt;"><o:p></o:p></span></p>
					<p class="MsoNormal">
						<span style="mso-spacerun:'yes';font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">&nbsp;</span></p>
					<p class="MsoNormal" style="line-height: 150%; text-align: center;">
						<strong><span style="font-size:20px;"><!--[if !supportLists]--><span style="font-family: 宋体;">第三部</span><!--[endif]--><span style="font-family: 宋体;"><font face="宋体">分</font> <font face="宋体">结果分析</font></span></span></strong><span style="mso-spacerun:'yes';font-family:宋体;font-size:10.5000pt;mso-font-kerning:0.0000pt;"><o:p></o:p></span></p>
					<p class="MsoNormal" style="line-height: 150%;">
						<span style="font-size:16px;"><span style="font-family: 宋体;"><font face="宋体">根据分析，你的测试结果为 </font><span style="color:#ff0000;"><span style="font-size:20px;">${testResult.resultType.replaceAll(',','')} </span></span>型，你可以根据的的得分前三位的类型去检索适合你的职业。</span></span><span style="mso-spacerun:'yes';font-family:宋体;font-size:10.5000pt;mso-font-kerning:0.0000pt;"><o:p></o:p></span></p>
					<p class="MsoNormal">
						<span style="mso-spacerun:'yes';font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">&nbsp;</span></p>
					<center>
						<div >		
							<div id="main" style="width: 600px;height:400px;"></div>
						</div>
					</center>
					<c:forEach items="${testResult.resultType.split(',')}" var="type">
						${fns:getReportByType('1',type).content}
					</c:forEach>
					
				</div>
			</div>
			<script type="text/javascript">
				var score = eval('(' + '${testResult.score}' + ')');
				var myChart = echarts.init(document.getElementById('main'));
				var option = {
					   tooltip: {},
					   radar: {
					        // shape: 'circle',
					       name: {
					           textStyle: {
					               color: '#fff',
					               backgroundColor: '#136',
					               borderRadius: 3,
					               padding: [3, 5],
					           }
					       },
					       indicator: [
					           { name: '艺术型(A)', max: 24},
					           { name: '研究型(I)', max: 24},
					           { name: '实际型(R)', max: 24},
					           { name: '常规型(C)', max: 24},
					           { name: '管理型(E)', max: 24},
					           { name: '社会型(s)', max: 24}
					       ]
					    },
					    series: [{
					        name: '',
					        type: 'radar',
					        // areaStyle: {normal: {}},
					        data : [
					            {
					                value : [score.A, score.I, score.R, score.C, score.E, score.S],
					                name : '',
					                areaStyle: {
				                        normal: {
				                            opacity: 0.3,
				                            color: new echarts.graphic.RadialGradient(0.5, 0.5, 1, [
				                                {
				                                    color: '#B8D3E4',
				                                    offset: 0
				                                },
				                                {
				                                    color: '#72ACD1',
				                                    offset: 1
				                                }
				                            ])
				                        }
				                    }
					            }
					        ]
					    }]
					};
				myChart.setOption(option);
			</script>
		</div>
	</div>
</body>